/**
 * 
 */
$(document).ready(function(){
	
	//当页面加载后，马上自动的调用加载
	initCatalogData();
	
	//对  新增按钮 绑定点击事件
	$('#add_a').on('click',function(){
		console.log("绑定了点击事件")
		//通过 ajax获取新增表单的HTML数据 （不需要整个HTML的页面，只需要<form>表单的HTML数据）
		$.ajax({
			url:'catalog/goadd',
			success:function(htmlText){
				console.log(htmlText);
				layer.open({
					type:1,
					title:'目录新增',
					area:'600px',
					content:htmlText
				});
			}
		});
	});
	//委托绑定 
	//对弹窗中的  新增按钮  绑定点击事件
	
	$(document).off('click','#btn_submit').on('click','#btn_submit',function(){
		console.log("绑定点击事件");
		$.ajax({
			type:'post',
			url:'catalog/doadd',
			data:$('#form_add').serialize(),
			success:function(result){
				if(result){//判断新增成功
					console.log("数据新增成功");
					//将弹窗关闭
					//如果你想关闭最近弹出的层，直接获取layer.index即可
					layer.close(layer.index);//他获取的始终是最新弹出的某个层
					//此处应该重新加载table中的数据
					initCatalogData();
				}
			}
		});
		return false;
	});
	
	
	//删除
	/*$('#tbody_role').off('click','#deleteA').on('click','#deleteA',function(){
		if(confirm("是否删除")){
			var $a = $(this);
			var rowId = $a.data('id');
			var href = $a.attr('href');
			console.log(rowId+href);
			$.ajax({
				url:href,
				data:{"rowId":rowId},
				success:function(result){
					initCataData();
				}
			});
		}
		return false;
	
	});*/
	//删除
	$('#tbody_table').off('click','.deleteA').on('click','.deleteA',function(){
		console.log("对删除绑定了点击事件");
		//得到出发此次的事件的DOM对象this，在使用$( ) 封装成jQuery对象
		var $this = $(this);
		var rowId = $this.data("id");
		console.log(rowId);
		if(confirm("您确定要删除吗？")){
			console.log("确定要删除吗？");
			$.ajax({
				url:'catalog/dodelete',
				data:{"rowId":rowId},//提交数据
				success:function(){
					initCatalogData();
				}
			});
		}
	});
	// 修改
	// 通过委托的方式，绑定修改的点击事件
	$('#tbody_table').off('click','.updateA').on('click','.updateA',function(){
		var $this = $(this);
		var rowId = $this.data('id');
		console.log("绑定了修改，修改主键="+rowId);
		$.ajax({
			url:'catalog/goedit',
			data:{"rowId":rowId},
			success:function(formHtml){
				console.log(formHtml);
				layer.open({
					type:1,
					title:'目录修改',
					area:'600px',
					content:formHtml 
				});
			}
		});
		
	});
	//修改
	$(document).off('click','.updateA').on('click','.updateA', function (){
		$.ajax({
			type:'post',
			url:'catalog/doedit',
			data:$('#tbody_table').serialize(),
			success:function(result){
				if(result){
					layer.close(layer.index);
					initUserData();
				}
			}
		});
		return false;
	});
	
	
	//
	function initCatalogData(){
		$.ajax({
			url:'catalog/list',
			success:function(htmlData){
				$('#tbody_table').html(htmlData);
			}
		});
	}
	/*function initCatalogData(){
		$.ajax({
			url:'catalog/list',
			success:function(catalogList){
				console.log(catalogList);
				var trs='';
				if(catalogList){
					$.each(catalogList,function(index,catalog){
						trs +='<c:if test="${!empty catalogList}">'+
						'<c:forEach items="${catalogList }" var="catalog">'+
						'<tr data-tt-id="${catalog.rowId }" data-tt-parent-id="${catalog.parentId }">'+
						'<td>${catalog.cataName }</td>'+'<td>${catalog.cataInfo }</td>'+
						'<td><a href="catalog/goaddchild?parentId=${catalog.rowId }" id="addchild_a">新增子目录</a>'+
						'<a href="javascript:;" class="updateA" data-id="catalog.rowId" >修改</a>'+
						'<a href="javascript:;"  class="deleteA" data-id="catalog.rowId">删除</a>' ;
					});
				}
				console.log(trs);
				//将拼接好的trs语句以HTML的方式插入到tbody中。
				$('#tbody_table').html(trs);
			}
		});
	}*/
});














